<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório FGS</title>
    </h:head>

    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_quemsomos.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>

    <h:body>
        <f:metadata>
            <f:viewParam name="id" value="#{noticiaBean.noticia}"/>
        </f:metadata> 
        <h:form id="noticia" >

            <div id="wrap_site">
                <div id="topo">
                    <ui:include src="/resources/site/top.xhtml" />
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left"> 

                        <ui:include src="/resources/site/lateralGenerica.xhtml" />
                        <div id="ultimasNoticias">


                        </div>


                    </div>
                    <div id="sidebar_right">
                        <div id="titulo_pg_quemsomos">
                            <h1 class="titulo_pagina">#{noticiaBean.noticia.titulo}</h1>
                            <p class="float_left"> 
                            </p>
                            <div class="clear_float"></div>
                        </div>

                        <div id="bg_rosa_geral">
                            <div align="center" >
                                <h:graphicImage url="/imagens/#{noticiaBean.noticia.imagem.id}" rendered="#{noticiaBean.noticia.imagem.id > 0}" style="max-width: 600px;max-height: 400px" />


                            </div>
                            <br/>
                            <ul>

                                <li>
                                    <h:outputText value="#{noticiaBean.noticia.texto}" escape="false"/>
                                </li><br/>
                                <li style="text-align: right">
                                    <h5>Publicado em: #{noticiaBean.noticia.data}</h5>
                                </li>
                            </ul>
                            &nbsp;

                        </div>   



                    </div>
                    <div class="clear_float"> </div>
                </div> <!--END CONTEUDO-->
                <ui:include src="/resources/site/rodape.xhtml" />





            </div> <!--END WRAP SITE-->


        </h:form>
    </h:body>
</html>


